<template>
	<view class="box">
		<!-- 头像 -->
		<view class="header">
				<image @click="friends" :src="userInfo.userHeader"></image>
		</view>
		<!-- 信息 -->
		<view class="info">
			<view class="text">
				<text>{{userInfo.userName}}</text><!-- <a class="addFriends" >+</a> -->
			</view>
			<view class="mess">
				<text>帖子总数：{{userInfo.nodeCount}} | vip：{{userInfo.userVip}} | sv：{{userInfo.userSv}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["userInfo"],
		methods:{
			friends(){
				uni.navigateTo({
					url:"../../pages/friendsCenter/friendsCenter?userId="+this.userInfo.userId
				})
			}
		}
	}
</script>

<style scoped>
	.box{
		box-sizing: border-box;
		/* box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); */
		width: 100%;
		height: 150rpx;
		display: flex;
	}
	.box>.header{
		width: 130rpx;
		padding: 15rpx;
	}
	.header>image{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.box>.info{
		width:500rpx;
		padding-top: 15rpx;
	}
	.text>text{
		font-size: 30rpx;
	}
	.mess>text{
		font-size: 20rpx;
		color: #555555;
	}
	.addFriends{
		display:inline-block;
		width: 30px;
		height: 15px;
		background: #ffcd35;
		text-align: center;
		border-radius: 10px;
		margin-left: 5px;
		font-size: 15px;
	}
</style>
